<aside class="main-sidebar" id="app">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
        <!-- Sidebar user panel -->
        <div class="user-panel">
            <div class="pull-left image">
                <img src="/img/user2-160x160.jpg" class="img-circle" alt="User Image">
            </div>
            <div class="pull-left info">
                <p> 用户名称：Tom</p>
                <a href="#" >退出</a>
            </div>
        </div>

        <!-- sidebar menu: : style can be found in sidebar.less -->
        <ul class="sidebar-menu">
            <li class="header">菜单</li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-cube"></i> <span>系统管理</span>
                    <span class="pull-right-container">
                     <i class="fa fa-angle-left pull-right"></i>
                 </span>
                </a>
                <ul class="treeview-menu">
                    <li id="sys-user">
                        <a href="/pages/user/user-list.html" onclick="setSidebarActive(this)" target="iframe">
                            <i class="glyphicon glyphicon-user"></i>用户管理
                        </a>
                    </li>
                    <li>
                        <a href="/pages/role/role-list.html" onclick="setSidebarActive(this)" target="iframe">
                            <i class="fa fa-circle-o"></i>角色管理
                        </a>
                    </li>

                    <li>
                        <a href="/pages/role/role-list.html" onclick="setSidebarActive(this)" target="iframe">
                            <i class="fa fa-circle-o"></i>授权
                        </a>
                    </li>

                </ul>
            </li>

            <li class="treeview">
                <a href="#">
                    <i class="fa fa-cube"></i> <span>物业管理</span>
                    <span class="pull-right-container">
                     <i class="fa fa-angle-left pull-right"></i>
                 </span>
                </a>
                <ul class="treeview-menu">
                    <li id="">
                        <a href="/pages/community/build.html" onclick="setSidebarActive(this)" target="iframe">
                            <i class="fa fa-circle-o"></i>楼宇管理
                        </a>
                    </li>
                    <li>
                        <a href="/pages/community/house.html" onclick="setSidebarActive(this)" target="iframe">
                            <i class="fa fa-circle-o"></i>房屋管理
                        </a>
                    </li>

                    <li>
                        <a href="/pages/community/owner.html" onclick="setSidebarActive(this)" target="iframe">
                            <i class="fa fa-circle-o"></i>业主管理
                        </a>
                    </li>

                    <li>
                        <a href="/pages/community/parking.html" onclick="setSidebarActive(this)" target="iframe">
                            <i class="fa fa-circle-o"></i>车位管理
                        </a>
                    </li>

                    <li>
                        <a href="/pages/community/records.html" onclick="setSidebarActive(this)" target="iframe">
                            <i class="fa fa-circle-o"></i>抄表管理
                        </a>
                    </li>

                </ul>
            </li>

            <li class="treeview">
                <a href="#">
                    <i class="fa fa-cube"></i> <span>学习element</span>
                    <span class="pull-right-container">
                     <i class="fa fa-angle-left pull-right"></i>
                 </span>
                </a>
                <ul class="treeview-menu">
                    <li>
                        <a href="/pages/element/ele01.html" onclick="setSidebarActive(this)" target="iframe">
                            <i class="fa fa-circle-o"></i> 快速入门
                        </a>
                    </li>

                    <li>
                        <a href="/pages/element/ele02.html" onclick="setSidebarActive(this)" target="iframe">
                            <i class="fa fa-circle-o"></i> 布局容器
                        </a>
                    </li>

                    <li>
                        <a href="/pages/element/ele03.html" onclick="setSidebarActive(this)" target="iframe">
                            <i class="fa fa-circle-o"></i> 布局容器2
                        </a>
                    </li>

                    <li>
                        <a href="/pages/element/ele04.html" onclick="setSidebarActive(this)" target="iframe">
                            <i class="fa fa-circle-o"></i> table 组件
                        </a>
                    </li>

                </ul>
            </li>

        </ul>

    </section>
</aside>
<script src="/js/vue.js"></script>
<script src="/js/axios.js"></script>
<script>
    new Vue({
        el:"#app",
        data:{

        },
        methods:{

        }
    });
</script>